﻿@{
    ViewBag.Title = "p-3";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head{
    <style type="text/css">
        body
        {
            padding-top: 20px;
            padding-bottom: 40px;
        }
        
        /* Custom container */
        .container-narrow
        {
            margin: 0 auto;
            max-width: 700px;
            _width: 700px;
        }
        .container-narrow > hr
        {
            margin: 30px 0;
        }
        
        /* Main marketing message and sign up button */
        .jumbotron
        {
            margin: 60px 0;
            text-align: center;
        }
        .jumbotron h1
        {
            font-size: 72px;
            line-height: 1;
        }
        .jumbotron .btn
        {
            font-size: 21px;
            padding: 14px 24px;
        }
        
        /* Supporting marketing content */
        .marketing
        {
            margin: 60px 0;
        }
        .marketing p + h4
        {
            margin-top: 28px;
        }
    </style>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
}
<div class="container-narrow">
    <div class="masthead">
        <ul class="nav nav-pills pull-right">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
        <h3 class="muted">
            Project name</h3>
    </div>
    <hr>
    <div class="jumbotron">
        <h1>
            Super awesome marketing speak!</h1>
        <p class="lead">
            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus
            ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
            amet risus.</p>
        <a class="btn btn-large btn-success" href="#">Sign up today</a>
    </div>
    <hr>
    <div class="row-fluid marketing">
        <div class="span6">
            <h4>
                Subheading</h4>
            <p>
                Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
            <h4>
                Subheading</h4>
            <p>
                Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur
                purus sit amet fermentum.</p>
            <h4>
                Subheading</h4>
            <p>
                Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
        <div class="span6">
            <h4>
                Subheading</h4>
            <p>
                Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
            <h4>
                Subheading</h4>
            <p>
                Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur
                purus sit amet fermentum.</p>
            <h4>
                Subheading</h4>
            <p>
                Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
    </div>
    <hr>
    <div class="footer">
        <p>
            © Company 2012</p>
    </div>
</div>
<!-- /container -->
